﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Button.aspx.cs" Inherits="Button" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="jQueryNET" Namespace="jQueryNET" TagPrefix="cc2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
	<style>
		.user_button
		{
			background-image: url("./Images/user.png") !important;
		}
	</style>
</head>
<body>
	<form id="form1" runat="server">
	<div>
		<p>
			<b>Button</b></p>
		<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"/>
		Button with title:
		<cc2:Button ID="button1" runat="server" Title="testtest" />
		<br />
		Button with title and icon (ImageUrl):
		<cc2:Button ID="button2" runat="server" Title="testtest" ImageUrl="./Images/user.png" />
		<br />
		Button with icon:
		<cc2:Button ID="button3" runat="server" ImageUrl="./Images/user.png" />
		<br />
		Button with title and icon (ImageClass):
		<cc2:Button ID="button4" runat="server" Title="testtest" ImageClass="user_button" />
		<br />
		Button with icon (ImageUrl, ImageClass):
		<cc2:Button ID="button5" runat="server" ImageUrl="./Images/user.png" ImageClass="user_button" />
		<br />
		Button with title and icon (ImageUrl, ImageClass):
		<cc2:Button ID="button6" runat="server" Title="testtest" ImageUrl="./Images/user.png"
			ImageClass="user_button" />
		<br />
		Button with title and icon, enable toggle (ImageUrl, ImageClass):
		<cc2:Button ID="button13" runat="server" Title="testtest" ImageUrl="./Images/user.png"
			ImageClass="user_button" EnableToggle="true" />
		<br />
		Button with title and icon, disabled (ImageClass):
		<cc2:Button ID="button15" runat="server" Title="testtest" ImageClass="user_button" Enabled="false" />
		<br />
		<p>
			Toolbar style</p>
		<div class="toolbar">
			Button with title:
			<cc2:Button ID="button7" runat="server" Title="testtest" />
			<br />
			Button with title and icon (ImageUrl):
			<cc2:Button ID="button8" runat="server" Title="testtest" ImageUrl="./Images/user.png" />
			<br />
			Button with icon:
			<cc2:Button ID="button9" runat="server" ImageUrl="./Images/user.png" />
			<br />
			Button with title and icon (ImageClass):
			<cc2:Button ID="button10" runat="server" Title="testtest" ImageClass="user_button" />
			<br />
			Button with icon (ImageUrl, ImageClass):
			<cc2:Button ID="button11" runat="server" ImageUrl="./Images/user.png" ImageClass="user_button" />
			<br />
			Button with title and icon (ImageUrl, ImageClass):
			<cc2:Button ID="button12" runat="server" Title="testtest" ImageUrl="./Images/user.png"
				ImageClass="user_button" />
			<br />
			Button with title and icon, enable toggle (ImageUrl, ImageClass):
			<cc2:Button ID="button14" runat="server" Title="testtest" ImageUrl="./Images/user.png"
				ImageClass="user_button" EnableToggle="true" />
			<br />
			Button with title and icon, disabled (ImageClass):
			<cc2:Button ID="button16" runat="server" Title="testtest" ImageClass="user_button" Enabled="false" />
			<br />
		</div>
		<p>
	</div>
	</form>
</body>
</html>
